<template>
  <div class="max-w-xs space-y-4">
    <BaseProgress title="primary progress bar" size="sm" :value="78" color="primary" />

    <BaseProgress title="success progress bar" size="sm" :value="78" color="success" />

    <BaseProgress title="info progress bar" size="sm" :value="78" color="info" />

    <BaseProgress title="warning progress bar" size="sm" :value="78" color="warning" />

    <BaseProgress title="danger progress bar" size="sm" :value="78" color="danger" />
  </div>
</template>
